<template>
  <div>
    <headertitle></headertitle>
    <div class="body" id="body15">
     <h4>支付成功</h4>
     <div class="Ap">
       <p>查看订单</p>
       <p>返回首页</p>
     </div>
     <strong>订单编号：80972876423540329509</strong>
    </div>
    <footertitle></footertitle>
  </div>
</template>

<script>
import headertitle from "../components/headertitle.vue";
import footertitle from "../components/footertitle.vue";
export default {
  components: { headertitle, footertitle }
};
</script>
<style>
#body15 h4{
  width:100%;
  text-align: center;
  color:lightcoral;
  font:30px/50px "simhei";
  margin-top:150px;
  margin-bottom: 50px;
}
#body15 .Ap{
  width:16%;
  text-align: center;
  margin-left: 42%;
  color:#fff;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
#body15 .Ap p{
  width:45%;
  border-radius: 6px;
  font:20px/30px "simhei";
  background: lightsalmon;
}
#body15 .Ap p:last-child{
  background: lightseagreen;
}
#body15 strong{
  display: block;
  width:100%;
  text-align: center;
  margin-bottom: 20px;
}
</style>
